<!DOCTYPE html>
<html>

<head>
    <style>
        dl {
            width: fit-content;
            display: grid;
            grid-template-columns: 1fr 1fr;
        }

        /* 指定网格的结束线 */
        dt {
            grid-column-end: 2;
        }

        dd {
            grid-column-end: 3;
        }
    </style>
</head>

<body>
    <dl>
        <dt>恐龙类</dt>
        <dd>尹氏芦沟龙</dd>
        <dd>破碎中国虚骨龙</dd>
        <dd>原始川东虚骨龙</dd>
        <dt>鲨鱼类</dt>
        <dd>六鳃鲨目</dd>
        <dd>鼠鲨目</dd>
        <dt>鸟类</dt>
        <dd>雁形目</dd>
        <dd>雨燕目</dd>
        <dd>夜鹰目</dd>
    </dl>
</body>

</html>